<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>诺安</title>
  <link rel="stylesheet" href="./css/nuo.css">
  <script src="./js/jquery.js"></script>
  <script src="./js/swiper-8.3.0/swiper/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="./js/swiper-8.3.0/swiper/swiper-bundle.min.css">
  <link rel="stylesheet" href="./common/animate.min.css">
</head>

<body>
  <div class="head">
    <div class="head_top">
      <h2>NOVAN&nbsp;&nbsp; <span></span>&nbsp;&nbsp; <text>诺安</text></h2>
      <div class="head_top_enter flex">
        <img src="./img/pc/位置.png" alt="">
        <img src="./img/pc/送货中.png" alt="">
        <img src="./img/pc/个人信息.png" alt="">
        <p>175324468804</p>
      </div>
    </div>
  </div>
  <!--头部-->
  <div class="head_nav">
    <ul class="head_nav1 flex">
      <li><a href="#"  class="nav_active">
          <p>首页</p>
          <div>HOME</div>
        </a></li>
      <li><a href="yp.html" >
          <p>样品赏析</p>
          <div>ORIGINAL WORKS</div>
        </a></li>
      <li><a href="kp.html" >
          <p>客片赏析</p>
          <div>GUEST PHOTO</div>
        </a></li>
      <li><a href="Microfilm.html" >
          <p>微电影</p>
          <div>MOISCRO FILM</div>
        </a></li>
      <li><a href="company.html" >
          <p>公司简介</p>
          <div>COMPANY PROFIL</div>
        </a></li>
      <li><a href="pj.html" >
          <p>客户评价</p>
          <div>EVALUATION</div>
        </a></li>
    </ul>
  
  </div>
  <div class="outside-container-swiper wow animate__fadeInLeft">
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <a href="#"><img src="./img/images/banner_02.gif" alt="" class="img-fluid" /></a>
        </div>
        <div class="swiper-slide">
          <a href="#"><img src="./img/images/banner_02.gif" alt="" class="img-fluid" /></a>
        </div>
        <div class="swiper-slide">
          <a href="#"><img src="./img/images/banner_02.gif" alt="" class="img-fluid" /></a>
        </div>
        <div class="swiper-slide">
          <a href="#"><img src="./img/images/banner_02.gif" alt="" class="img-fluid" /></a>
        </div>
        <div class="swiper-slide">
          <a href="#"><img src="./img/images/banner_02.gif" alt="" class="img-fluid" /></a>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>

  </div>
  <!-- banner -->

  <div class="style">
    <div class="style_top">
      <div class="style_top_center flex1">
        <div><a href="zixun.html"><img src="./img/pc/咨询.png" alt="">在线咨询</a></div>
        &nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
        <div> <a href="zaixian.html">服务报价</a> </div>
      </div>
      <div class="style_top_bottom">
        <h1>选择你喜欢的风格</h1>
        <p>POPULAL</p>
      </div>

    </div>
    <div class="style_content">
      <ul class="style_content_nav flex">
        <li><a href="minguo.html">
            <img src="./img/images/banner2_05.gif" alt="">
            <div class="style_content_nav_title">
              <h2>粉黛红状<span></span>民国风系列</h2>
              <p><span></span>&nbsp;&nbsp;复古中国风民国&nbsp;&nbsp;<span></span></p>
            </div>
          </a></li>
        <li><a href="xing.html">
            <img src="./img/images/banner_05.gif" alt="">
            <div class="style_content_nav_title">
              <h2>星汉灿烂<span></span>黄昏佳景</h2>
            <p><span></span>&nbsp;&nbsp;电影 文艺 浪漫&nbsp;&nbsp;<span></span></p>
            </div>
          </a></li>
        <li><a href="zhong.html">
            <img src="./img/images/banner_09.gif" alt="">
            <div class="style_content_nav_title">
              <h2>东方有喜<span></span>中国风系列</h2>
            <p><span></span>&nbsp;&nbsp;传承 红颜如画 中式&nbsp;&nbsp;<span></span></p>
            </div>
          </a></li>
        <li><a href="fugu.html">
            <img src="./img/images/banner_11.gif" alt="">
            <div class="style_content_nav_title">
              <h2>怀旧油画<span></span>复古美学</h2>
              <p><span></span>&nbsp;&nbsp;油画 文艺 纪实&nbsp;&nbsp;<span></span></p>
            </div>
          </a></li>

      </ul>
    </div>
    <div class="style_appreciation">
      <!-- <div class="style_appreciation_title">
			<h2>样品赏析</h2>
		</div> -->
      <div class="style_top_bottom">
        <h2>样品赏析</h2>
        <p>GLOBAL&nbsp;BRIGADES&nbsp;SHOT</p>
      </div>
      <div class="style_appreciation_content">
        <p>极简系列&nbsp;&nbsp;|&nbsp;&nbsp;MINIMALISTCOLLECTION</p>
        <ul class="style_apppreciation_nav">
          <li><img src="./img/images/banner_15.gif" alt="" /></li>
          <li><img src="./img/images/banner_15.gif" alt="" /></li>
          <li><img src="./img/images/banner_15.gif" alt="" /></li>
          <li><img src="./img/images/banner_15.gif" alt="" /></li>
          <li><img src="./img/images/banner_15.gif" alt="" /></li>
        </ul>
        <!-- <div class="swipers mySwipers">
        <div class="swiper-wrapper flex">
        <div class="swiper-slide style_appreciation_img">
          <img src="./img/images/banner_15.gif" class="img_img"/>
        </div>
          <div class="swiper-slide style_appreciation_img">
          <img src="./img/images/banner_15.gif" class="img_img"/>
        </div>
		<div class="swiper-slide style_appreciation_img">
          <img src="./img/images/banner_15.gif" class="img_img"/>
        </div>
		<div class="swiper-slide style_appreciation_img">
          <img src="./img/images/banner_15.gif" class="img_img"/>
        </div>
		<div class="swiper-slide style_appreciation_img">
          <img src="./img/images/banner_15.gif" class="img_img"/>
        </div>
      </div>
      <div class="swiper-pagination"></div>
        </div>
		</div> -->
        <div class="style_appreciation_bottom">
          <p><img src="./img/pc/更多.png" alt="">&nbsp;&nbsp;<a href="genduo.html">更多样片</a></p>
        </div>



      </div>
      <div class="style_picture">
        <div class="style_top_bottom">
          <h2>全球旅拍</h2>
          <p>GLOBAL&nbsp;BRIGADES&nbsp;SHOT</p>
        </div>
        <div class="style_picture_img">
          <img src="./img/images/全球旅拍_04.gif" alt="">
        </div>
      </div>
      <!--全球旅拍-->
      <div class="style_where flex">
        <dl class="style_where_nav wow animate__animated animate__backInUp">
            <dt>三亚</dt>
            <dd> <a href="bali.html"><img src="./img/images/biao_09.gif" alt=""> </a></dd>
        </dl>
        <dl class="style_where_nav wow animate__animated animate__backInUp">
        <dt>巴黎</dt>
        <dd> <a href="bali.html"><img src="./img/images/biao_09.gif" alt=""> </a></dd>
        </dl>
        <dl class="style_where_nav wow animate__animated animate__backInUp">
          <dt>西藏</dt>
          <dd> <a href="bali.html"><img src="./img/images/biao_09.gif" alt=""> </a></dd>
        </dl>
        <dl class="style_where_nav wow animate__animated animate__backInUp">
          <dt>香格里拉</dt>
          <dd> <a href="#"><img src="./img/images/biao_09.gif" alt=""> </a></dd>
        </dl>
        <dl class="style_where_nav wow animate__animated animate__backInUp">
        <dt>大理</dt>
        <dd> <a href="#"><img src="./img/images/biao_09.gif" alt=""> </a></dd>
        </dl>
      </div>
      <div class="style_appreciation_bottom">
        <p><img src="./img/pc/更多.png" alt="">&nbsp;&nbsp;<a href="genduo.html">更多样片</a></p>
      </div>
    </div>
    <!--中间-->
  </div>
  <div class="Centers">
    <div><span>私人订制</span></div>
    <div class="Hui big"><span>PRIVATE CUSTOMIZATION</span></div>
  </div>
  <div class="zsyx">
    <span>定制你专属的婚纱影像</span>
  </div>
  <!-- dingzhi -->
  <div class="DingZ">

    <!-- diyihang -->
    <div class="DingF flex">
      <div class="psjh">
        <h6>拍摄计划</h6>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <span><input type="checkbox" name="11" />1个月</span>
              <input type="checkbox" name="11">3个月</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11" />6个月
              <input type="checkbox" name="11">12个月</label>
          </form>
        </div>
      </div>
      <div class="xhfg">
        <h6>你喜欢的风格</h6>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">韩式
              <input type="checkbox" name="11">欧式
              <input type="checkbox" name="11">法式
              <input type="checkbox" name="11">中国风</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">城市旅拍
              <input type="checkbox" name="11">璀璨夜景
              <input type="checkbox" name="11">纪实
              <input type="checkbox" name="11">森系</label>
          </form>
        </div>
      </div>
    </div>
    <!-- dierhang -->
    <div class="DingF flex">
      <div class="psjh">
        <h6>你想拍摄的场景</h6>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">传承肖像馆
              <input type="checkbox" name="11">东方锦玺馆
              <input type="checkbox" name="11">莫奈花园</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">印象美学馆
              <input type="checkbox" name="11">公主馆
              <input type="checkbox" name="11">路娜花园</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">秘密花园
              <input type="checkbox" name="11">丁达尔花园
              <input type="checkbox" name="11">东方园艺馆</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName">
            <label for="">
              <input type="checkbox" name="11">环球旅拍馆</label>
          </form>
        </div>
      </div>
      <div class="xhfg">
        <h6>您的预算</h6>
        <div>
          <form action="" method="post" name="formName"><label for="">
              <input type="checkbox" name="11">6000-8000元
              <input type="checkbox" name="11">8000-10000元</label>
          </form>
        </div>
        <div>
          <form action="" method="post" name="formName"><label for="">
              <input type="checkbox" name="11">10000元以上</label>
          </form>
        </div>
      </div>
    </div>
    <!-- disanhang -->
    <div class="DingF flex">
      <div class="psjh">
        <h6>姓名</h6>
        <div class="Tinp">
          <input type="text" placeholder="请输入您的姓名">
        </div>

      </div>
      <div class="xhfg">
        <h6>手机号</h6>
        <div class="Tinp">
          <input type="text" placeholder="请输入您的手机号">
        </div>
      </div>
    </div>
    <div class="lastbut">
      <button type="submit"> <a href="#">提交</a></button>
    </div>
  </div>
  <div class="bottom">
    <div class="live">
      <p>上海|广州|宁波|南京|苏州|成都|临沂|芜湖|东莞|西安|哈尔滨|郑州|九江|泉州|盐城│樟树</p>
      <p>厦门站|三亚站|深圳|大理|丽江</p>
      <p>大连|青岛|仙女湖|凤凰湾|南昌|上饶|新余|萍乡|赣州|吉安|鹰潭|永丰|兴国|宁都|修水|湘潭|易俗河</p>
      <p>全国免费咨询热线:400-004-6698(在线时间:每天09:00-23:00)</p>
    </div>
    <h1 >NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</h1>
  </div>
  <script src="./common/swiper/swiper-bundle.esm.browser.min.js"></script>
  <script>
    var swiper = new Swiper(".mySwiper", {
      pagination: {
        el: ".swiper-pagination",
      },
    });

    //  var swipers = new Swiper(".mySwipers", {
    //     effect: "coverflow",
    //     grabCursor: true,
    //     centeredSlides: true,
    //     slidesPerView: "auto",
    //     coverflowEffect: {
    //       rotate: 50,
    //       stretch: 0,
    //       depth: 100,
    //       modifier: 1,
    //       slideShadows: true,
    //     },
    //     pagination: {
    //       el: ".swiper-pagination",
    //     },
    //   });

  </script>
</body>

</html>